<template>
	<view class="">
		<htmlHeadh5></htmlHeadh5>
		<view class="" style="width: 100%;min-height: 200px;">
<!-- 			<uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus" @input="input"
				@cancel="cancel" @clear="clear">
			</uni-search-bar> -->
			  <el-input placeholder="请输入内容" v-model="searchValue" class="input-with-select" style="margin: 20px 0px;">
			    <el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
			  </el-input>
			<uni-list-item v-for="(item, index) in pageData" :key="index"
			  	clickable @click="onClick(item)"
			  	:title="item.title.length > titleNumber?item.title.substring(0, titleNumber)+'...':item.title.substring(0, titleNumber)" 
			  	:thumb="item.image1"
			  	thumb-size="lg" 
			  	:note="vk.pubfn.timeFormat(item._add_time,'yyyy-MM-dd') + '---阅读'+item.ydcs">
			</uni-list-item>
			<uni-pagination style="margin: 10px;padding: 10px;" :total="listCont" title="标题文字" @change="change"/>
		</view>

		<htmlFooth5></htmlFooth5>
	</view>
</template>

<script>
	var _this;
	import htmlHeadh5 from "@/components/html/html-headh5.vue";
	import htmlFooth5 from "@/components/html/html-footh5.vue";
	var vk = uni.vk;
	export default {
		components: {
			htmlHeadh5,
			htmlFooth5
		},
		data() {
			// 页面数据变量
			return {
				listCont:0,
				listtemp: null,
				pageData: null,
				pageindex:1,
				titleNumber:30,
				options:{},
				searchValue:'',
				dataList:null
			}
		},
		// 监听 - 页面每次【加载时】执行(如：前进)
		async onLoad(options = {}) {
			vk = uni.vk;
			_this = this;
			this.options = options;

		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady(){
			
		},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {
			
		},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {
			
		},
		// 函数
		methods: {
			change(e) {
				this.pageData = this.paginate(this.dataList, 10, e.current);  
			},
			onClick(item){
				// console.log(item)
				// vk.navigateTo('/pages/ydd/details');
				vk.navigateTo({
				  url: `/pages/ydd/details`,
				  events: {
				    // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
				    update: (data) => {
				      // 当B页面运行 eventChannel.emit('update', { a:1 }); 时，会运行这里的代码逻辑。
				      
				    }
				  },
				  success: (res) => {
				    // 通过eventChannel向被打开页面传送数据
				    res.eventChannel.emit('datas', item)
				  }
				})
			},
			getDatanows(){
				//console.log(this.options.message)
				return vk.callFunction({
					title:'数据加载中...',
				  url: 'client/hymbjy/pub/news.getNewsListWzss',
				  data:{
					  title:this.searchValue
				  }
				}).then((data) => {
					// this.dataList = data.list
					this.listCont = data.list.length
					this.dataList = data.list
					this.pageData = this.paginate(this.dataList, 10, 1)
				}).catch((err) => {
				  
				});
			},
			search() {

				if (this.searchValue) {
					console.log(this.searchValue)
					this.getDatanows()
				} else {
					this.$message({
						message: '关键字为空',
						type: 'warning'
					});
				}

			},
			paginate(items, pageSize, pageNum) {
				//var pageSize = 10; // 每页10个项目  
				//var pageNum = 2;   // 请求第2页  
				
			    // 确保页码是整数并且不小于1  
			    pageNum = Math.max(1, Math.floor(pageNum));  
			  
			    // 计算起始索引  
			    var startIndex = (pageNum - 1) * pageSize;  
			  
			    // 确保起始索引不会超过数组长度  
			    startIndex = Math.min(startIndex, items.length);  
			  
			    // 计算结束索引  
			    var endIndex = startIndex + pageSize;  
			  
			    // 如果结束索引超过数组长度，则将其设置为数组长度  
			    endIndex = Math.min(endIndex, items.length);  
			  
			    // 返回指定页的数据  
			    return items.slice(startIndex, endIndex);  
			},
		}
	}
</script>
<style lang="scss" scoped>
	.search-result {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}

	.search-result-text {
		text-align: center;
		font-size: 14px;
		color:#666;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 0px;
	}

	.uni-mt-10 {
		margin-top: 10px;
	}
	
</style>